<template>
 <div id="app">
    <!-- 实现点击按钮  -->
<h1>
芙蓉楼送辛渐 
<button @click="Hit">收起</button>
</h1>
<div v-show="show">
    <!-- v-show等于一个变量 声明了变量等于true 
            等点击按钮的时候取他的相反值
    -->
   
       <p>寒雨连江夜入吴</p>
        <p>平明送客楚山孤</p>
        <p>洛阳亲友如相问</p>
        <p>一片冰心在玉壶</p>
</div>                                   
 </div>

</template>

<script>
export default {
 name: "App",
 // 插值表达式使用的变量放在data函数的返回对象里
 data() {
  return{
show:true
 }
 },methods:{
Hit(){
    this.show= !this.show
}
 }
};
</script>

<style>
div {
color: plum; text-align: center;
}

</style>
